<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>提交信息</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        #scan{
            position: absolute;
            right:20px;
            top:8px;
            width:25px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a id="backBtn" class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"></h1>
</header>

<div class="mui-content">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>客户姓名</label>
            <input type="text" id="realname" placeholder="请输入客户姓名">
        </div>
        <div class="mui-input-row">
            <label>客户手机号</label>
            <input type="number" id="phone" class="mui-input-clear"
                   placeholder="请输入客户手机号">
        </div>
        <div class="mui-input-row">
            <label>机器序列号</label>
            <input type="number" id="sno" class="mui-input-clear"
                   placeholder="请扫描输入序列号">
            <img id="scan" src="../../images/scan.png" width="30px" alt="">
        </div>
    </form>
</div>
<div class="mui-button-fixed">
    <button type="button" class="mui-btn mui-btn-primary mui-btn-block">提交</button>
</div>


<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<!--<script src="../../js/mechant/mechant.js"></script>-->
<script>
    mui.init();
    // mui('.mui-scroll-wrapper').scroll();
    mui('body').on('shown', '.mui-popover', function(e) {
        console.log('shown', e.detail.id);//detail为当前popover元素
    });
    mui('body').on('hidden', '.mui-popover', function(e) {
        console.log('hidden', e.detail.id);//detail为当前popover元素
    });
</script>
</body>
</html>